<template>
  <div class="lesson-plan-in">
    <el-button
      class="btn-back"
      type="custom"
      size="small"
      @click="handleBack"
      plain
      >返回列表</el-button
    >
    <List :curLessonPlan="curLessonPlan" />
    <PlanSet :curLessonPlan="curLessonPlan" />
    <SignIn :curLessonPlan="curLessonPlan" />
  </div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
  components: {
    // ChapterList: () => import('./ChapterList.vue'),
    // SetPlan: () => import('./SetPlan.vue'),
    // SetSignIn: () => import('./SetSignIn.vue'),
    List: () => import('./List.vue'),
    PlanSet: () => import('./PlanSet.vue'),
    SignIn: () => import('./SignIn.vue'),
  },
  data() {
    return {
      activeName: 'PlanSet',
    }
  },
  computed: mapGetters(['curLessonPlan']),
  mounted() {},
  methods: {
    handleBack() {
      this.$router.go(-1)
    },
  },
}
</script>
<style scoped lang="scss">
.lesson-plan-in {
  position: relative;
  .btn-back {
    position: absolute;
    right: 0;
    top: -53px;
    z-index: 1;
  }
}
</style>